<!DOCTYPE HTML>
<title>Test ImageBitmap : StructuredClone between main window and iframe</title>
<meta charset="utf-8">
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css">
<body>
<div id="content"></div>
<script src="imagebitmap_structuredclone_utils.js"></script>
<script type="text/javascript">

function runTests() {
  window.onmessage = function(event) {
    if (event.data.type == "status") {
      ok(event.data.status, event.data.msg);
    } else if (event.data.type == "finish") {
      SimpleTest.finish();
    } else if (event.data.type == "bitmap1") {
      compareImageBitmapWithImageElement(event.data.bitmap, gImage1);
    } else if (event.data.type == "bitmap2") {
      compareImageBitmapWithImageElement(event.data.bitmap, gImage2);
    } else if (event.data.type == "bitmap3") {
      compareImageBitmapWithImageData(event.data.bitmap, gImageData, "Check preserving alpha");
    }
  }

  var div = document.getElementById("content");
  ok(div, "Parent exists");

  var ifr = document.createElement("iframe");
  ifr.addEventListener("load", iframeLoaded, false);
  ifr.setAttribute('src', "imagebitmap_structuredclone_iframe.html");
  div.appendChild(ifr);

  function iframeLoaded() {
    prepareImageBitmaps().then(function(){
      ifr.contentWindow.postMessage({"bitmap1":gImageBitmap1, "bitmap2":gImageBitmap2, "bitmap3":gImageBitmap3}, "*");
    });
  }
}

SimpleTest.waitForExplicitFinish();
addLoadEvent(runTests);

</script>
</body>
